/*	Global classes	*/
BODY {
  font: 0.82em Trebuchet MS, Arial, sans-serif; }

.DDMainHeader {
  font: small-caps bold 1.6em Trebuchet MS, Arial, sans-serif;
  color: black;
  padding-bottom: 12px; }

H2.DDSubHeader {
  margin-bottom: 10px;
  font: 1.2em Trebuchet MS, Arial, sans-serif;
  color: black; }

H3.DDSubHeader {
  margin-bottom: 10px;
  color: black;
  display: block; }

DIV #ContentPlaceHolder1_UpdatePanel1 {
  margin: 0;
  padding: 0; }

.DD {
  padding: 0px 8px;
  font: 10pt Trebuchet MS, Arial, sans-serif;
  color: black; }

.CheckBoxes {
  padding: 0;
  padding-top: 10px;
  color: black;
  white-space: normal;
  display: inline-block; }

.DDCheckBoxes INPUT[type="checkbox"] {
  padding: 0; }

.DDCheckBoxes LABEL {
  padding-left: 4px;
  padding-right: 8px; }

.DDTextBox,
.DDDropDown {
  color: black;
  font: 0.95em Trebuchet MS, Arial, sans-serif;
  border: solid 1px #dcdcdc;
  background-color: #FEFEFE; }

.DDDropDown {
  padding: 2px; }

.DDFilter {
  font: 0.95em Trebuchet MS, Arial, sans-serif;
  color: black; }

SPAN.filter {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 4px !important; }

.DDControl {
  padding: 1px 4px;
  line-height: normal; }

.DDButton {
  padding: 1px 2px;
  font: 0.95em Trebuchet MS, Arial, sans-serif;
  color: black; }

.DDFloatLeft {
  float: left; }

.DDFloatRight {
  float: right; }

.DDSelected {
  background-color: #FDFFB8; }

div.DDNoItem {
  color: Red;
  font-family: Trebuchet MS, Arial, sans-serif; }

.DDValidator {
  color: Red;
  font-family: Trebuchet MS, Arial, sans-serif; }

/*	Navigation	*/
div.DDNavigation {
  font: 0.75em Trebuchet MS, Arial, sans-serif;
  position: relative;
  top: -28px;
  margin-bottom: -10px;
  padding: 0px 5px; }

div.DDNavigation img {
  position: relative;
  margin-top: 0em;
  padding: 0px 8px;
  border: none;
  background-color: #fff; }

div.DDNavigation a {
  color: black;
  text-decoration: none;
  background-color: #fff;
  padding-right: 8px;
  top: -0.2em;
  left: .25em; }

div.DDNavigation a:hover {
  color: black;
  text-decoration: underline !important; }

a.DDNavigation {
  color: black;
  text-decoration: none;
  padding-left: 6px; }

a:hover.DDNavigation {
  color: black;
  text-decoration: underline !important; }

/*	Details VIEW/EDIT	*/
/* Make sure buttons do not wrap */
.nowrap {
  width: 1%; }

.wrapon {
  white-space: pre-wrap;
  width: 1%; }

table.DDDetailsTable,
table.DDGridView,
table.DDListView {
  font-size: 10pt !important; }

table.DDDetailsTable {
  color: black;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid #4592d9;
  border-bottom-width: 3px;
  /*table-layout: fixed;*/ }

table.DDDetailsTable a {
  color: black;
  text-decoration: none;
  padding-right: 6px; }

table.DDDetailsTable a:hover {
  color: black;
  /*text-decoration: underline !important;*/ }

table.DDDetailsTable .td {
  padding: 6px;
  font-family: Trebuchet MS, Arial, sans-serif; }

table.DDDetailsTable td {
  border: 1px dotted #dae9f7;
  padding: 6px; }

table.DDDetailsTable TD.DDLightHeader {
  font-weight: bold;
  font-size: 1.1em;
  background-color: #5a9fde !important;
  color: white;
  vertical-align: top; }

table.DDDetailsTable TD.DDLightHeader LABEL {
  text-align: right; }

table.DDDetailsTable td.DDLightHeader {
  line-height: 1em !important;
  text-align: left !important;
  font-size: 1em !important;
  padding: 6px; }

table.DDGridView .th TH,
table.DDListView .th TH,
table.DDGridView .td TD,
table.DDListView .td TD {
  border-right: 1px solid #4592d9; }

/*	DDGridView/DDListView	*/
table.DDGridView,
table.DDListView {
  border-collapse: collapse;
  width: 100%;
  color: black;
  border: solid 1px #4592d9;
  /*table-layout: fixed;*/ }
  table.DDGridView .DDFooter,
  table.DDListView .DDFooter {
    background-color: #5a9fde;
    color: white;
    /*	DataPager	*/ }
    table.DDGridView .DDFooter div.DDPager,
    table.DDListView .DDFooter div.DDPager {
      padding: 0px 6px; }
      table.DDGridView .DDFooter div.DDPager .DDFloatLeft,
      table.DDListView .DDFooter div.DDPager .DDFloatLeft {
        float: left; }
        table.DDGridView .DDFooter div.DDPager .DDFloatLeft INPUT[type="image"],
        table.DDListView .DDFooter div.DDPager .DDFloatLeft INPUT[type="image"] {
          margin-bottom: -4px; }
        table.DDGridView .DDFooter div.DDPager .DDFloatLeft INPUT[type="text"],
        table.DDListView .DDFooter div.DDPager .DDFloatLeft INPUT[type="text"] {
          margin-top: 1px; }
      table.DDGridView .DDFooter div.DDPager .DDFloatRight,
      table.DDListView .DDFooter div.DDPager .DDFloatRight {
        float: right; }

table.DDGridView .th,
table.DDListView .th {
  background: #5a9fde repeat-x;
  color: white;
  line-height: 1em !important;
  text-align: left !important;
  font-size: 1.1em !important;
  font-weight: bold;
  border: solid 1px #4592d9; }

table.DDGridView .dxtlHeader {
  font-size: 12pt !important;
  font-weight: bold !important; }

table.DDGridView .dxtlHeader,
table.DDGridView .th a,
table.DDListView .th a {
  color: white;
  text-decoration: none; }

table.DDGridView .td,
table.DDListView .td {
  border: solid 1px #4592d9;
  border-left-width: 0px;
  border-right-width: 0px;
  padding: 6px; }

table.DDGridView .td a,
table.DDListView .td a {
  color: black;
  text-decoration: none;
  /*margin-right: 6px;*/ }

table.DDGridView .DDSelected a,
table.DDListView .DDSelected a {
  color: black;
  text-decoration: none;
  /*margin-right: 6px;*/ }

table.DDGridView .DDSelected a:hover,
table.DDListView .DDSelected a:hover {
  color: black;
  /*text-decoration: underline;*/ }

table.DDGridView .td a:hover,
table.DDListView .td a:hover {
  color: black;
  text-decoration: underline; }

/*	DataPager	*/
div.DDPager {
  padding: 0px 6px; }

/* Bottom hyperlink design*/
div.DDBottomHyperLink {
  font: 0.75em Trebuchet MS, Arial, sans-serif; }

div.DDBottomHyperLink a {
  color: black;
  text-decoration: none; }

div.DDBottomHyperLink a:hover {
  color: black;
  text-decoration: underline !important; }

div.DDBottomHyperLink img {
  padding-right: 5px;
  border: none; }

/* Bottom hyperlink design*/
/* misc */
span.allcaps {
  font-variant: small-caps; }

.DDRequired {
  background-color: #ffffcc; }

/* misc */
/* field set */
FIELDSET.DD {
  border-radius: 6px; }

FIELDSET {
  padding: 0 6px 0 6px !important;
  margin: 0; }
  FIELDSET LEGEND {
    color: black; }

FIELDSET.login {
  border-style: ridge;
  background-color: #F7F7F7  !important; }

a IMG {
  border-collapse: collapse;
  border: none; }

TH.ShowAllHeader,
TH.InsertHeader,
TH.PaddingHeader,
TH.RefreshHeader {
  font-weight: bold;
  padding: 4px; }

TH.InsertHeader IMG,
TH.PaddingHeader IMG,
TH.RefreshHeader IMG {
  display: inline-block;
  vertical-align: bottom; }

TH.InsertHeader {
  text-align: left !important;
  border-right: none !important; }

TH.PaddingHeader {
  border-left: none !important;
  border-right: none !important; }

TH.ShowAllHeader,
TH.RefreshHeader {
  border-left: none !important;
  text-align: right !important; }

.TableHeadderText {
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 0 0 0.1em 0 !important; }

a.TableHeadderText:hover {
  /*text-decoration: underline !important;*/
  /*color: #37AE64 !important;*/
  color: black !important; }

.Print {
  font: 1.2em Trebuchet MS, Arial, sans-serif;
  color: black; }

DIV.PrintHeader {
  text-align: center;
  padding: 8px; }

SPAN.PrintMessage {
  position: relative;
  display: inline-block; }

TD.commandColumn {
  width: 40px; }

.ajax__tab_xp .ajax__tab_body {
  padding: 3px !important; }

.ajax__tab_xp .ajax__scroll_none {
  overflow: auto; }

.dxtcControl {
  overflow: auto;
  width: 100%;
  max-width: 100%; }

.disabled {
  background-color: #e8e8e8;
  border-color: silver; }

/* link fix */
a.aspNetDisabled,
a.aspNetDisabled:hover {
  text-decoration: none !important;
  color: black !important; }

/* link fix */
.DDNumber {
  text-align: right; }

SPAN.RightAlign {
  display: inline-block;
  padding-top: 4px; }

SPAN.SpanBox {
  display: inline-block;
  border: 1px dotted grey;
  padding: 2px 4px;
  border-radius: 4px; }

FIELDSET a {
  color: black;
  text-align: right;
  text-decoration: none !important; }

a:hover {
  color: black;
  text-decoration: underline !important; }

#Filters,
#MultiSearch,
#Accounts {
  margin-bottom: 8px; }

#tabContainer {
  margin-top: 8px; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.justify {
  text-align: justify; }

.padded {
  padding: 4px; }

#ShowRecordLibraryTable {
  margin-top: 8px !important; }

.Message {
  color: #009900; }

.PasswordExpires {
  color: #FFCC00 !important; }

/* Progress indicator */
DIV.MainProgress {
  /*this is what we want the div to look like*/
  display: block;
  /*set the div in the top-left corner of the screen*/
  position: absolute;
  top: 0;
  left: 0;
  /*set the width and height to 100% of the screen*/
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 2000; }

/* Progress indicator */
#tabContainer a {
  text-decoration: none !important; }

TABLE.DDGridView td.dxtl__I8 {
  width: 2% !important; }

/*.MultiColumnForm */
.MultiColumnForm {
  width: 100%;
  font-family: Arial;
  font-size: 10pt;
  margin-top: 10px;
  width: 100% !important;
  text-align: left;
  border-collapse: collapse;
  border: solid 1px Black;
  padding: 2px; }
  .MultiColumnForm TR.headerRow {
    background-color: white !important;
    color: white !important; }
  .MultiColumnForm TD {
    border-bottom: solid 1px white !important;
    border-right: solid 1px white !important; }
  .MultiColumnForm TD.EmptyCell {
    border: none !important; }
  .MultiColumnForm TR.headerRow TD {
    font-size: 0.8em !important;
    font-weight: bold;
    background-color: white;
    padding: 2px !important; }
  .MultiColumnForm .headerRow > TD {
    border-right: solid 1px white !important;
    border-bottom: none !important;
    padding: 4px 4px 0 4px;
    font-size: 8pt; }
  .MultiColumnForm .inputRow > TD {
    font-weight: normal;
    font-size: 10pt;
    border: none;
    border-bottom: solid 1px white !important;
    border-right: solid 1px white !important;
    padding: 4px;
    vertical-align: top; }
  .MultiColumnForm .Left > TD {
    text-align: left !important; }
  .MultiColumnForm .Center > TD {
    text-align: center !important; }
  .MultiColumnForm .commandButton > TD {
    font-size: 10pt; }

/*.MultiColumnForm */

